<template>
    <a-input-slider
        v-model:value="temperature"
        :minValue="0"
        :maxValue="100"
        :step="1"
        :disabled="false"
        color="primary"
    ></a-input-slider>
    <pre
            class="language-html"
        ><code>{{ `<a-input-slider
    v-model:value="temperature"
    :minValue="0"
    :maxValue="100"
    :step="1"
    :disabled="false"
    color="primary"
></a-input-slider>` }}</code></pre>
        <pre class="language-javascript"><code>{{ `export default {
    data() {
        return {
            temperature: 0,
        }
    },
}` }}</code></pre>
</template>

<script>
export default {
    data() {
        return {
            temperature: 0,
            typeList: [
                {
                    name: 'props',
                    headerList: [
                        { name: 'name', text: '名称' },
                        { name: 'remark', text: '说明' },
                        { name: 'type', text: '类型' },
                        { name: 'default', text: '默认值' },
                    ],
                    dataList: [
                        { name: 'color', remark: '主题色', type: 'default | primary | secondary | success | warning | error', default: 'default' },
                        { name: 'disabled', remark: '是否禁用', type: 'boolean', default: 'false' },
                        { name: 'size', remark: '尺寸', type: 'xs | s | m | l | xl', default: 'm' },
                        { name: 'sharp', remark: '是否尖角', type: 'boolean', default: 'false' },
                        { name: 'rules', remark: '表单验证规则', type: 'Array<{name: required | minLength | maxLength | pattern | func, value: number | boolean | Function | any, errorMessage: string}>', default: '[]' },
                        { name: 'value', remark: '值', type: 'string', default: 'null' },
                        { name: 'minValue', remark: '最小值', type: 'number', default: '0' },
                        { name: 'maxValue', remark: '最大值', type: 'number', default: '100' },
                        { name: 'step', remark: '按下左右方向键的时候增减的值', type: 'number', default: '1' },
                    ],
                }
            ]
        }
    },
}
</script>